<template>
  <a-menu v-model:selectedKeys="current.list" mode="horizontal" @click="handleClick">
    <a-menu-item key="today">今日账单</a-menu-item>
    <a-menu-item key="all">所有账单</a-menu-item>
  </a-menu>
  <TodayComponent v-if="current.list[0] == 'today'"/>
</template>

<script setup>
import { reactive } from '@vue/reactivity';
import TodayComponent from './view/today-component.vue'
let current = reactive({
  list:['today']
})
const handleClick = (e)=>{
    current.list[0] = e.key
}
</script>
